<template>
	<view>
  
<scroll-view class="dialogue-box" :scroll-y="true"  :scroll-top="scrollTop" :style="{height:scrollViewHeight+'px'}">
  

      <view class="ensample">
        <view class="ensample-title"  v-for="item in hintlist" :key="item.id">
             <view class="ensample-item">
               <image class="framer" :src="item.ico" mode=""></image>
               <view class="">{{item.name}}</view>
             </view>
             <view class="ensample-son" v-for="item2 in item.list" :key="item2.id" @click="problem(item2.id,item2.title)">
              <view class="">
                {{item2.title}} <image class="towardsr" src="https://www.iwangbang.com/skin/wx_mp_aixz/towardsr.png" mode=""></image>
              </view>
             </view>
           </view>
           
      </view>
      <view class="gg-box" v-if="notification" @click="notcopy">
        <view class="announ">
          <view class="">公</view>
          <view class="">告</view>
        </view>
        <view class="ggtxt"> {{notiftxt}}</view>
      </view>

  
		<view class="cu-chat dialogue-box-content" id="scroll-view-content">
      <view  class="" v-for="(item,index) in msgList" :key="index">
        <!-- AI消息 -->
        <view v-if="item.my == false"  class="cu-item aiitem" >
        	<view class="main aidia-box">
        		<view class="content shadow aitxtbox " @click="copytxt(item.msg)">
        			<text class="aitxt">{{item.msg}}</text>
        		</view>
           <view v-if="tool" class="operate" >
              <view class="czbtn" @click="copytxt(item.msg)">复制</view>
              <!-- <view class="czbtn" @click="redact(item.msg)">编辑</view> -->
              <view class="czbtn" @click="gocontinue()">继续</view>
              <view class="czbtn" @click="retry">重试</view>
            </view>
        	</view>
        	<!-- <text class="text-blue" style="line-height: 100upx;"
        		>历史</text> -->
        </view>
         
        <!-- 用户消息 -->
        <view  v-if="item.my == true"  class="cu-item self" >
        	<view class="main yhxx">  
        		<view class="content bg-cyan shadow yhmsg" @click="">
        			<text>{{item.msg}}</text>
        		</view>
        	</view>
        	<image class="cu-avatar round" :src="headimg == '' ? 'https://www.iwangbang.com/skin/wx_mp_aixz/navigation/my.png' : headimg ">
        </view>  
       
      </view>
		</view>
   </scroll-view>
    
    
		<view class=" cu-bar foot input" :style="[{bottom:inputBottom}]">
			<!-- <input type="textarea"  v-model="msg" class="solid padding-lr" :adjust-position="false" :focus="false" maxlength="1000"
				cursor-spacing="20" :placeholder="loading ? 'AI正在思考中，请稍后~' : '用一句简短的话描述您的问题'" @blur="amend"
				  @confirm="sendMsg"></input> -->
       
        <textarea class="asfasd padding-lr" v-model="msg" :style="{height: textheight,maxHeight:textmaxHeight}" :disable-default-padding='true'  name="" id="" cols="30" rows="10" :auto-height="fsddfsd" :fixed="true" @linechange="linechange" maxlength="-1" @blur="amend"
				  @confirm="sendMsg" :placeholder="loading ? 'AI正在思考中，请稍后~' : '用一句简短的话描述您的问题'" cursor-spacing="20" :adjust-position="false" :focus="false" :show-confirm-bar='false'></textarea>
  
			<button class="cu-btn  shadow sendtext" :disabled="loading" @click="sendMsg">
				<text class="cuIcon-loading2 cuIconfont-spin "  ></text>发送 
			</button>
		</view> 
    <aidialogue ref="aidialo" @backHome='backHome'></aidialogue>
	</view>
</template>   

<script>
  import  aidialogue  from '../../components/aichat/aichat.vue'
	export default {
    onLaunch:function(){
      console.log('000001');
    },
    
    onHide: function() {
    	console.log('111118')
    },
    components:{
      aidialogue
    },
		data() {
			return { 
        fsddfsd:false,
        tautology:'',
        addMenu:'none',
        cztxt:[
          {
            txt:'写一首赞美祖国的诗'
          },
          {
             txt:'安排一场产品发布会流程'
           },{
             txt:'写一篇科幻小说'
           },
          
        ],
        twtxt:[
          {
            txt:'有哪些有趣的科学实验'
          },{
            txt:'AI会替代人类工作吗'
          },{
            txt:'问一个AI也答不出的问题'
          }
        ],
        bktxt:[
          {txt:'简单解释一下人工智能'},
          {txt:'淮南剁椒鱼头的做法'},
          {txt:'清朝的十大发明有哪些'}
        ],
				loading: false,
        aisse:"",
        msgList:[
        
        ],
        textheight:'90rpx',
        textmaxHeight:'90rpx',
				msgContent: "",
				msg: "", 
				inputBottom: 0,
				bottomFuncShow: false,
				chatAsset: {},
				assetType: 'n',
				statusColor: 'text-red',
				statusTimer: null,
				msgLoading: false,
        usertxt:'',
        typedText:'',
        currentIndex:0,
        safe:0,
        fhtxt:'',
        scrollTop:0,//滚动条位置
        scrollViewHeight:0,//滚动视图的高度
        msgindex:0,
        tool:false,
        onfirst:0,
        firstone:true,
        dhid:'',
        headimg:'',
        jsid:108,
        hintlist:[],
        notification:false,
        notiftxt:'',
        notifcopy:''
			}
		},
		computed: {
      
		},
 
		watch: {
            
		},
    onShareTimeline:function(res){
      console.log("inviteCode="+uni.getStorageSync('wbyun_icode'));
          return {
            title: '小帮观影，我的AI影评顾问',
            imageUrl:'https://www.iwangbang.com/skin/wx_mp_xbgy/share.jpg',
            query: "inviteCode="+uni.getStorageSync('wbyun_icode')
          }
        },
		 onShow() {
       console.log('88889');
       this.gethintlist()
       this.getnotice()
      this.headimg = uni.getStorageSync('wbyun_headimg')
      console.log(this.headimg,'222');
     let SystemInfoSync =  uni.getSystemInfoSync()
     console.log(SystemInfoSync,);
     console.log(uni.getSystemInfoSync().windowBottom);
     let ashfb = SystemInfoSync.screenHeight - SystemInfoSync.safeArea.bottom;
     console.log(ashfb,'9998');
    
       uni.getSystemInfo({
         success:(res)=> {
           console.log(res.safeArea,res.screenHeight,'000');
         let tabBarHeight =  res.screenHeight - res.safeArea.bottom 
         console.log(tabBarHeight);
         // + 50
     
         this.safe = tabBarHeight +  50  
         console.log(this.safe,res.windowHeight);
         this.scrollViewHeight = res.windowHeight - 90
         console.log(this.scrollViewHeight);
         }
       })
        uni.onKeyboardHeightChange(res => {
          console.log(res.height);
          if(res.height !== 0) {
            this.inputBottom = res.height - this.safe +'px' 
            console.log(this.inputBottom,'1111');
          }else {
            this.inputBottom = res.height +'px'
          }
          
          console.log(res.height)
        })
		},
    onLoad(e){
      console.log(e);
      uni.setStorageSync('wbyun_inviteCode',e.inviteCode)
      this.gethintlist()
      if(uni.getStorageSync('wbyun_closeHint') == '') {
        if(uni.getStorageSync('wbyun_token') !== '' || uni.getStorageSync('wbyun_token') !== null) {
          this.addMenu = 'flex'
          setTimeout(()=> {
            this.closeAddMenu()
          },20000)
        }
      }
      
    },
    onShareAppMessage(res) {
      console.log(res);
      console.log(uni.getStorageSync('wbyun_icode'));
      return {
            title: '小帮观影，我的AI影评顾问',
            imageUrl:'https://www.iwangbang.com/skin/wx_mp_xbgy/share.jpg',
            path: '/pages/index/index?inviteCode=' + uni.getStorageSync('wbyun_icode')
          }
    },
		onHide() { 

		}, 
    mounted() {
  
    },
		methods: {   
      getnotice() {
        uni.request({
        	url: getApp().globalData.apiDomain+'/mp/aixz_notice',
        	method: 'GET',
        	header: {
        		'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
        		'token': uni.getStorageSync('wbyun_token'),
            'wbapp':'weixin_mp_xbgy'
        	},
        	data: {},
        	dataType: 'json',
        	success:  res => {
            console.log(res,'88888');
        		if (res['data']['code'] == 200) {
              this.notification = res.data.datas.show
              this.notiftxt = res.data.datas.content
              this.notifcopy = res.data.datas.copytext
        			return;
        		}else { 
        			uni.showToast({
        				title: res['data']['msg'],
        				icon: 'none'
        			});
        		}
        	},
        	fail: () => {},
        	complete: () => {
        	}
        });
      },
      gethintlist() {
        uni.request({
        	url: getApp().globalData.apiDomain+'/airole/airole_type?nav='+'首页',
        	method: 'GET',
        	header: {
        		'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
        		'token': uni.getStorageSync('wbyun_token'),
            'wbapp':'weixin_mp_xbgy'
        	},
        	data: {},
        	dataType: 'json',
        	success:  res => {
            console.log(res,'123');
        		if (res['data']['code'] == 200) {
              let ndata = JSON.parse(JSON.stringify(res.data.datas))
              console.log(ndata);
              this.hintlist = ndata.splice(1,ndata.length-1)
              console.log(this.hintlist);  
        			return;
        		}else { 
        			uni.showToast({
        				title: res['data']['msg'],
        				icon: 'none'
        			});
        		}
        	},
        	fail: () => {},
        	complete: () => {
        	}
        });
      },
      linechange(e) {
        console.log(e.detail);
         if(e.detail.lineCount == 1) {
           this.textheight = '90rpx'
           this.textmaxHeight = '90rpx'
        }else if(e.detail.lineCount == 2) {
          this.textheight = '120rpx'
          this.textmaxHeight= '120rpx'
        }else if(e.detail.lineCount == 3) {
          this.textheight = '157rpx'
          this.textmaxHeight= '157rpx'
        }else
        console.log(this.textheight);
      },
			 sendMsg() {
         if(uni.getStorageSync('wbyun_token')== null || uni.getStorageSync('wbyun_token')==''){
         	uni.navigateTo({
         		url:'/pagesA/tellogin/tellogin'
         	})
          return
         }
         const regex = /^\s*$/;
       if(this.msg  == '' ||  regex.test(this.msg)) {
         uni.showToast({
         	title: '请先输入您的问题!',
         	icon: 'none'
         });
         return
       }
       let url = encodeURIComponent(JSON.stringify(this.msg))
       console.log(url);
       uni.navigateTo({
         url:'/pages/dialogue/dialogue?title='+'对话'+'&id='+this.jsid +'&text='+url+'&type='+'aidh'
       })
       this.msg = ''
     //   let txt = ''
     //   this.tautology = this.msg
     //  txt = this.msg
     //  this.msg = ''
     //  this.loading = true
     //  this.firstone = false
     //    this.msgList.push({
     //      msg:txt,
     //      my:true 
     //    })
        
     //    this.scrollToBottom()
     //    this.msgList.push({
     //      msg:'',
     //      my:false,
     //      id:'',
     //    })
     //    this.msgList.map((item,index)=> {
     //      if(index == this.msgList.length -1) { 
     //        const timer = setInterval(() => {
     //              let text = '小猪正在思考中请稍等...'
     //              item.msg += text[this.msgindex]
     //              this.msgindex++; 
     //              if(this.msgindex == text.length) {
     //                this.msgindex = 0
     //                clearInterval((timer))
     //                return
     //              }
     //        }, 50);
     //      }
     //    })
     //    this.tool = false
     //    this.currentIndex = 0
     
     //    console.log(this.msgList);

     //    uni.request({
     //    	url: getApp().globalData.apiDomain+'ai/newchat',
     //    	method: 'POST',
     //    	header: {
     //    		'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
     //    		'token': uni.getStorageSync('wbyun_token'),
     //        'wbapp':'weixin_mp_xbgy'
     //    	},
     //    	data: {
     //    		'text': txt,
     //        'stream': 'yes',
     //        'jsid':this.jsid,
     //        'vpsoft':'ai_zrms',
     //    	},
     //    	dataType: 'json',
     //    	success:  res => {
     //        console.log(res);
     //    		if (res['data']['code'] == 200) {
     //          this.$refs.aidialo.timer(res.data.datas.aid)
     //          this.dhid = res.data.datas.dhid
     //          let arr = this.msgList.length -1
     //          console.log(arr,'77777');
     //          this.msgList.map((item,index)=> {
     //            if(index == arr) {
     //              item.id = res.data.datas.aid
     //            }
     //          })
     //          console.log(this.msgList);
     //         // this.msgList.push({
     //         //   msg:'',
     //         //   my:false,
     //         //   id:res.data.datas.aid
     //         // })

     //    			return;
     //    		}else if(res['data']['code'] == '100500') {
     //          uni.showToast({
     //          	title:res['data']['msg'],
     //          	icon: 'none'
     //          });
     //          uni.setStorageSync('wbyun_token', '');
     //          this.loading = false
     //        }else { 
     //          console.log(this.msgList.length -1);
     //          setTimeout(()=> {
     //            this.msgList.map((item,index) => {
     //              if(index == this.msgList.length -1) {
     //                item.msg = res['data']['msg']
     //              }
     //            })
     //            this.loading = false
     //          },1500)
              
     //    			uni.showToast({
     //    				title: res['data']['msg'],
     //    				icon: 'none'
     //    			});
     //    		}
     //    	},
     //    	fail: () => {},
     //    	complete: () => {
     //    	}
     //    });
         
			},
      amend() {
        if(this.msg.length == 0) {
          this.jsid = 108
        }
        console.log(this.msg.length,this.jsid = 108);
      },
      backHome(e,id,k) {
        this.startTyping(e,id,k)
        this.typedText = e
        console.log('123');
        // this.onfirst = false
        this.onfirst+=1
      },
      startTyping(e,id,k) {
        console.log(e,id,k);
        console.log(this.onfirst);
        if(this.onfirst == 0) {
          
          this.msgList.map((item,index)=> {
            if(index==  this.msgList.length -1) {
              item.msg = ''
            }
          })
        }
        let text = e
        this.msgList.map(item => {
          const timer = setInterval(() => {
            if(item.id == id) {
              if(k == 'ok' && this.currentIndex == e.length) {
                this.tool = true
                this.onfirst = 0
                this.loading = false
                clearInterval(timer)
                return
              }else if(k == 'error' && this.currentIndex == e.length) {
                this.tool = true
                this.onfirst = 0
                this.loading = false
                clearInterval(timer)
                return
              }
              if(e[this.currentIndex] == undefined) {
                clearInterval(timer);
                return 
              }else {
                // this.msgList.splice(this.msgList.length - 2,1,)
                // this.fhtxt = 
                item.msg += text[this.currentIndex]
                this.currentIndex++; 
                // console.log(e.length,'-----',this.currentIndex);
                this.scrollToBottom()
              }
              }
            
          }, 50);
        })
      
      },
      copytxt(e) {
        console.log(e);
        uni.setClipboardData({
        	data: e,
        	success: function () {
        		console.log('success');
            uni.showToast({
            	title: '复制成功！',
            	icon: 'none'
            });
        	}
        });
      },
      redact(e) {
        console.log(e);
        uni.navigateTo({
        	url: '/pages/redact/redact?txt='+ e
        })
      },
      retry(){
         
        this.loading = true
          this.msgList.push({
            msg:this.tautology,
            my:true 
          })
          this.scrollToBottom()
          this.msgList.push({
            msg:'',
            my:false,
            id:'',
          })
          this.msgList.map((item,index)=> {
            if(index == this.msgList.length -1) { 
              const timer = setInterval(() => {
                    let text = '小猪正在思考中请稍等...'
                    item.msg += text[this.msgindex]
                    this.msgindex++; 
                    if(this.msgindex == text.length) {
                      this.msgindex = 0
                      clearInterval((timer))
                      return
                    }
              }, 50);
            }
          })
          this.tool = false
          this.currentIndex = 0
          uni.request({
          	url: getApp().globalData.apiDomain+'ai/newchat',
          	method: 'POST',
          	header: {
          		'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
          		'token': uni.getStorageSync('wbyun_token'),
              'wbapp':'weixin_mp_xbgy'
          	},
          	data: {
          		'text': this.tautology,
              'vpsoft':'ai_zrms',
              'stream': 'yes' 
          	},
          	dataType: 'json',
          	success:  res => {
              console.log(res);
          		if (res['data']['code'] == 200) {
                this.$refs.aidialo.timer(res.data.datas.aid)
                let arr = this.msgList.length -1
                console.log(arr,'77777');
                this.msgList.map((item,index)=> {
                  if(index == arr) {
                    item.id = res.data.datas.aid
                  }
                })
                console.log(this.msgList);
            
        
          			return;
          		}else if(res['data']['code'] == '100500') {
                uni.showToast({
                	title:res['data']['msg'],
                	icon: 'none'
                });
                uni.setStorageSync('wbyun_token', '');
                this.loading = false
              }else { 
                console.log(this.msgList.length -1);
                setTimeout(()=> {
                  this.msgList.map((item,index) => {
                    if(index == this.msgList.length -1) {
                      item.msg = res['data']['msg']
                    }
                  })
                  this.loading = false
                },1500)
                
          			uni.showToast({
          				title: res['data']['msg'],
          				icon: 'none'
          			});
          		}
          	},
          	fail: () => {},
          	complete: () => {
          	}
          });
        
        
      },
      notcopy() {
        uni.setClipboardData({
        	data: this.notifcopy,
        	success: function () {
        		console.log('success');
            uni.showToast({
            	title: '网址复制成功！',
            	icon: 'none'
            });
        	}
        });
      },
      gocontinue() {
        console.log(this.dhid);
        this.msgList.push({
          msg:'继续',
          my:true 
        })
        this.scrollToBottom()
        this.msgList.push({
          msg:'',
          my:false,
          id:'',
        })
        this.msgList.map((item,index)=> {
          if(index == this.msgList.length -1) { 
            const timer = setInterval(() => {
                  let text = '小猪正在思考中请稍等...'
                  item.msg += text[this.msgindex]
                  this.msgindex++; 
                  if(this.msgindex == text.length) {
                    this.msgindex = 0
                    clearInterval((timer))
                    return
                  }
            }, 50);
          }
        })
        this.tool = false
        this.currentIndex = 0
        uni.request({
        	url: getApp().globalData.apiDomain+'ai/newchat',
        	method: 'POST',
        	header: {
        		'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
        		'token': uni.getStorageSync('wbyun_token'),
            'wbapp':'weixin_mp_xbgy'
        	},
        	data: {
        		'text': '继续',
            'vpsoft':'ai_zrms',
            'stream': 'yes',
            'dhid':this.dhid
        	},
        	dataType: 'json',
        	success:  res => {
            console.log(res);
        		if (res['data']['code'] == 200) {
            this.$refs.aidialo.timer(res.data.datas.aid)
            let arr = this.msgList.length -1
            console.log(arr,'77777');
            this.msgList.map((item,index)=> {
              if(index == arr) {
                item.id = res.data.datas.aid
              }
            })
            console.log(this.msgList);
                
        			return;
        		}else if(res['data']['code'] == '100500') {
              uni.showToast({
              	title:res['data']['msg'],
              	icon: 'none'
              });
              uni.setStorageSync('wbyun_token', '');
              this.loading = false
            }else { 
              console.log(this.msgList.length -1);
              setTimeout(()=> {
                this.msgList.map((item,index) => {
                  if(index == this.msgList.length -1) {
                    item.msg = res['data']['msg']
                  }
                })
                this.loading = false
              },1500)
              
        			uni.showToast({
        				title: res['data']['msg'],
        				icon: 'none'
        			});
        		}
        	},
        	fail: () => {},
        	complete: () => {
        	}
        });
        
      },
    scrollToBottom(){
          this.$nextTick(()=>{
            uni.createSelectorQuery().in(this).select('#scroll-view-content').boundingClientRect((res)=>{
              let top = res.height-this.scrollViewHeight ;
              if(top>0){
                this.scrollTop=top;
              }
            }).exec()
          })
        },
    problem(e,title) {
      console.log(e,title);
      this.msg = title
      this.jsid = e
    },
			eliminate() {
        console.log('999998');
			},
      closeAddMenu(){
      				console.log('关闭');
      				this.addMenu = "none";
              console.log(this.addMenu);
              uni.setStorageSync('wbyun_closeHint','ok')
      			},
		}
	}
</script>

<style>
	page {
		padding-bottom: 200upx;
	}
  body {
    background-color: #f3f3f3 !important;
  }

	.cu-chat .chat-avatar.cu-avatar {
	    width: 62upx;
	    height: 62upx;
	}

	.cu-item:not(.first) {
		padding-bottom: 0upx;
	}
	.cu-item.sec {
		padding-top: 0upx;
	}
	.main .content {
		word-wrap: break-word;
	}
	.foot {
/* 		padding-top: 20upx;
		padding-bottom: 0upx !important;
    margin-bottom: 0 !important; */
    display: flex !important;
    margin-bottom: 0rpx !important;
   
	}
	.foot .cu-btn {
    width: 130rpx;
    height: 90rpx;
		margin-right: 20upx;
	}
	.foot .action.func {
		margin-left: 30upx;
	}
  
  .yhmsg>text {
    width: 100%;
  }
 .aidia-box {
   display: flex;
   
   flex-direction: column;
   
 }
 .operate {
   width: 100%;
   display: flex;
   justify-content: space-between;

 }
 .czbtn {
  width: 130rpx;
  height: 55rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4193FE;
  border-radius: 10rpx;
  margin: 10rpx 0;
  color: #fff;

   
 }
/* .aidia-box {
   width: 100% !important;
 }
 .aitxtbox {
   width: 100% !important;
 }
 .aitxt {
   width: 100%;
 } */
.cu-chat .aiitem>.main {
	max-width: calc(100%);
	display: flex;
  justify-content: center;
	align-items: center;
 
}

 
.aiitem {
  display: flex;
  padding: 20rpx !important;
  
 }

 .aitxt {
   width:100%;
 }
.cu-bar {
  height: 180rpx;
  background-color: rgb(246,250,252) !important;
 
}

.ensample {
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin: 120rpx auto 0 auto;
  height: 750rpx;

}
.ensample-title {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
}
.ensample-son {
  width: 100%;
  height: 180rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30rpx;
  padding: 25rpx;
  background-color: rgb(247,247,247);
  text-align: center;
  border-radius: 15rpx;
  margin: 5rpx 0;
}
.towardsr {
  width: 50rpx;
  height: 30rpx;
  margin-bottom: -5rpx;
}
.ensample-item  {
  width: 100%;
  height: 150rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 30rpx;
  
}
.framer {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 20rpx;
}
.cu-chat .aiitem>.main {
  margin: 0;

}
.fav-hint {
	    animation: dotFlash 1s ease-in-out 10s forwards;
	    background-image: linear-gradient(90deg,#ffcd2a,#fb0);
	    border-radius: 50px;
	    box-shadow: 0 0 1px transparent,0 2px 4px transparent;
	    font-size: 26rpx;
	    line-height: 1.2em;
	    padding: .5em 1em;
	    position: fixed;
	    right: 25rpx;
	    text-align: left;
	    top: 20rpx;
	    width: 15.5em;
	    z-index: 2001;
	}
	
	.fav-hint.en {
	    width: 14em;
	}
	
	.fav-hint::before {
	    border-bottom: 15rpx solid #fb0;
	    border-left: 15rpx solid transparent;
	    border-right: 15rpx solid transparent;
	    top: -14rpx;
	    z-index: 2001;
	}
	
	.fav-hint::after,.fav-hint::before {
	    content: "";
	    height: 0rpx;
	    position: absolute;
	    right: calc(71.33px - 25rpx);
	    transform: translateX(50%);
	    width: 0rpx;
	}
	
	.fav-hint::after {
	    border-bottom: 16rpx solid #ffc400;
	    border-left: 16rpx solid transparent;
	    border-right: 16rpx solid transparent;
	    top: -16rpx;
	}
	
	.close-fav-hint {
	    background-color: #ff3434;
	    border-radius: 50%;
	    height: 1em;
	    position: absolute;
	    right: .8em;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 1em;
	}
	
	.close-fav-hint::after,.close-fav-hint::before {
	    background-color: #fff;
	    border-radius: 2rpx;
	    content: "";
	    height: 4rpx;
	    left: 50%;
	    position: absolute;
	    top: 50%;
	    width: .7em;
	}
	
	.close-fav-hint::before {
	    transform: translate(-50%,-50%) rotate(45deg);
	}
	
	.close-fav-hint::after {
	    transform: translate(-50%,-50%) rotate(-45deg);
	}
  .gg-box {
    width: 90%;
    margin: 50rpx auto 0 auto;
    display: flex;
    
  }
  .announ {
    width: 85rpx;
    height: 90rpx;
    background-color: #4193FE;
    color: #fff;
    border-radius: 8rpx;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ggtxt {
    width: 100%;
    height: 90rpx;
    margin-left: 10rpx;
    padding: 0 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8rpx;
    background-color: #fff;
  }

.asfasd {
  flex: 1;
  margin: 0 20rpx;
  background-color: rgb(246,250,252);
  padding: 20rpx;
  font-size: 36rpx;
}
  .padding-lr {
     /* height: 90rpx !important; */
     line-height: 45rpx;
     box-shadow: -10px -10px 50px 0px rgb(225 227 228);
  }
  .sendtext {
    background-color: #4193FE !important;
    color: #fff;
  }
</style>
